$(document).ready( function(){    
    
   $('#boiteAlertError').css("display", "none");
   $('#btnSupprResa').click(deleteSelectedRows);
   
	$('#btnRecherche').click( function(){
		recherche();
		return false; //Annule l'execution du formulaire
	});
      
	function recherche(){
		var serialForm = $('#formRecherche').serialize();   //Serialisation du formulaire en JSON pour l'envois vers la page d'insertion
      
		//Recup des données en ajax
		$.ajax({
		url: 'traitementUtilisateurs.php',
		dataType: 'jsonp',
		async : false,
		jsonp: 'callback',
		data: serialForm,        
		success: function(data){
			loadTable(data);      
		},
		error: function(){
			//Chargement du message d'erreur
			$('#msgError').html("Une erreur s'est produite durant la requete de recherche");

			$(".alert-message").slideDown().each( function(index,el) {
				window.setTimeout( function(){
						$(el).slideUp();  // hide the message
				}, 3000);
			});
		}

		});
	}
   
    //Rempli la table avec les données passé en param
    function loadTable(data){
       
       $('#corpsTableRechercheResa').html('');
       $('#divSupprResa').css("display", "none");
       
        $.each( data, function(k, v){
            
            //alert('1');
            
            var ligne=$("<tr>").click(selectTD).attr("id", v[0]).addClass("clic")
            .append($("<td>").html(v[0]))
            .append($("<td>").html(v[1]))
            .append($("<td>").html(v[2]))
            .append($("<td>").html(v[3]))
			.append($("<td>").html(v[4]))
			.append($("<td>").html(v[5]))
			.append($("<td>").html(v[6]))			
            .append($("<td>").addClass("tdSuppr").html("<img class='imgSuppr' title='Supprimer' src='Styles/images/delete.png' />"));
      
            $('#corpsTableRechercheResa').append(ligne);

        });
        
        if(data.length > 0)
            $('#divSupprResa').css("display", "block");        
    }

   
	function selectTD(){
		//Test si la ligne a été déja sélectionné
		var couleur = $(this).css("backgroundColor");
		if(couleur == "rgb(251, 108, 108)")
		   $(this).animate({'backgroundColor':'whiteSmoke !important'},0); // DéColor la ligne selectionné
		else
		   $(this).animate({'backgroundColor':'#fb6c6c !important'},0); //Color la ligne selectionné       
	}
   
	function deleteSelectedRows(){
       var tabID = [];
       var couleur;
       
       $("#corpsTableRechercheResa").children().each(function(){
          
          couleur = $(this).css("backgroundColor");
          if(couleur == "rgb(251, 108, 108)"){
              tabID.push($(this).attr("id"));
          }
          
       });
       
       deleteRows(tabID);
	}
   
	function deleteRows(tabID){
       
		var tabIDjson = "tabID="+JSON.stringify(tabID, null, 2);
		//alert("tabID="+json_text);
      
        //Recup des données en ajax
		$.ajax({
			url: 'traitementSuppressionResa.php',
			dataType: 'jsonp',
			async : false,
			jsonp: 'callback',
			data: tabIDjson,        
			success: function(data){
				
				if(data == "OK")
					recherche();
				else{					
					//Chargement du message d'erreur
					$('#msgError').html(data);
					
					$(".alert-message").slideDown().each( function(index,el) {
						window.setTimeout( function(){
							$(el).slideUp();  // hide the message
						}, 3000);
					});
				}			
			},
			error: function(){
				//Chargement du message d'erreur
				$('#msgError').html("Une erreur s'est produite durant la requete de suppression");
				$(".alert-message").slideDown().each( function(index,el) {
					window.setTimeout( function(){
							$(el).slideUp();  // hide the message
					}, 3000);
				});
			}        
        });        
	}   
});